﻿<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout">
  <head>
    <title>联系我们</title>
    
	<style type="text/css">
	#share{
		margin-top: -80px;
	}
	.weixintext{
		margin-left: 42px;
	}
	.saoyisao{
		margin: 10px 66px;
		font-size: 17px;
		font-weight: bold;
	}
	#qqimg{
		margin: 16px 33px;
	}
	.qqnum{
		margin: 8px 55px;
		font-size: 17px;
		font-weight: bold;
	}
	.title{
		padding: 70px 10px;
	}
	</style>
  </head>
  <body>
  <div layout:fragment="content">
   <div class="container" >
	<div class="row clearfix">
		<div class="col-md-12 column title">
			<div class="page-header">
				<h1>
					技术交流
				</h1>
			</div>
			
		<button  id="share" type="button" class="btn btn-primary pull-right col-md-2 btn-lg">分 享</button> 
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-6 column">
			<h4 class="weixintext">
				我的个人微信账号
			</h4>
			<img alt="140x140" src="img/contactUs/weixin.jpg" class="img-rounded" style="width:220px;height: 220px;"/>
			<p class="saoyisao">
				微信扫一扫
			</p>
		</div>
		<div class="col-md-6 column">
			<h4 class="qqtext">
				IT技术深似海，有我们，你不孤单
			</h4>
			<img id="qqimg" alt="140x140" src="img/contactUs/qq.jpg" class="img-rounded" style="width:190px;height: 190px;"/>
			
			<p class="qqnum">
				QQ群号  696605865
			</p>
		</div>
	</div>
</div>
<div style="height:139px;"></div>
</div>
  </body>
</html>
